<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			svg{stroke: black;fill: none;width:500px;height:500px;}
			
		</style>
	</head>
	<body>
		
		<h4>图案中的图案</h4>
		<svg>
			<defs>
				<pattern id="stripe" patternUnits="userSpaceOnUse" x="0" y="0" width="6" height="6">
					<path d="M 0 0 6 0" style="stroke:balck;fill:none;" />
				</pattern>
				
				<pattern id="polkadot" patternUnits="userSpaceOnUse" x="0" y="0" width="36" height="36">
					<circle cx="12" cy="12" r="12" style="fill:url(#stripe); stroke:black;" />
				</pattern>
			</defs>
			
			<rect x="36" y="36" width="100" height="100" style="fill:url(#polkadot); stroke:black;" />
			
		</svg>
	</body>
</html>
